<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-1.12.4.js"></script>
    <script src="./js/layer/layer.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index2.css">
    <script src="./js/vue.js"></script>
</head>

<body>
    <div class="nav">
        <h1>热门活动</h1>
        <h2>品牌分类</h2>
        <div>
            <a href="./cart"><img src="./images/gwc.png" alt=""></a>
        </div>
        <div>
            <img src="./images/dd.png" alt="">
        </div>
        <div>
            <img src="./images/sc.png" alt="">
        </div>
        <div>
            <img src="./images/web.png" alt="">
        </div>
        <div class="toTop">
            <span>^</span>
            <p>TOP</p>
        </div>
    </div>
    <header>
        <div class="h-nav main">
            <span><a href="./login">欢迎登录名鞋网</a></span>
            <ul>
                <li><a href="./register" style="text-decoration: none;color:red;">免费注册</a></li>
                <li>我的名鞋库</li>
                <li>手机名鞋库</li>
                <li>收藏名鞋库</li>
                <li>400 116 2228</li>
                <li>工作日上班时间: 9:00-22:00. 非工作日上班时间: 10:00-22:00</li>
            </ul>
        </div>
    </header>
    <div class="m-header">
        <div class="m-nav main">
            <div><img src="./images/logo.png" alt=""></div>
            <div>
                <span>专业精选</span>
                <span>足够喜欢</span>
            </div>
            <div class="box">
                <input type="text" placeholder="李宁"><button>搜索</button>
                <h4>热搜:</h4>
                <ul>
                    <li>跑步鞋</li>
                    <li>休闲鞋</li>
                    <li>篮球鞋</li>
                    <li>男鞋</li>
                    <li>女鞋</li>
                </ul>
            </div>
            <div><a href="./cart" style="text-decoration: none;color:black">购物车 0 件</a></div>
        </div>
    </div>
    <div class="f-header">
        <div class="f-nav main">
            <div>
                <span>所有商品分类
                    <div class="fl">
                        <p>全部品牌</p>
                        <p>运动鞋</p>
                        <p>运动服</p>
                        <p>运动配件</p>
                    </div>
                </span>
                <ul>
                    <li>首页</li>
                    <li>男子专区</li>
                    <li>女子专区</li>
                    <li>运动配件</li>
                </ul>
            </div>
            <div>
                <ol>
                    <li>营业执照</li>
                    <li>七天无理由退换货</li>
                    <li>正品授权</li>
                    <li>满99包邮</li>
                </ol>
            </div>
        </div>
    </div>
    <div class="banner">
        <img src="./images/img1.png" alt="">
    </div>
    <div class="content">
        <div class="main inner">
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
        </div>
    </div>
    <div class="c-nav">
        <img src="./images/logo2.png" alt="" class="banr">
        <div class="inner main">
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
        </div>
    </div>
    <div class="c-nav">
        <img src="./images/logo2.png" alt="" class="banr">
        <div class="inner main">
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
        </div>
    </div>
    <div class="c-nav">
        <img src="./images/logo2.png" alt="" class="banr">
        <div class="inner main">
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
            <div class="item">
                <img src="./images/img2.png" alt="">
                <p>PUMA彪马2020新款男鞋女鞋RIDER复古撞色低帮休闲鞋运动鞋371602</p>
                <p>
                    <span>￥248</span>
                    <span>￥599</span>
                    <button>立即抢购</button>
                </p>
            </div>
        </div>
    </div>
    <div class="footer">
        <img src="./images/footer.png" alt="">
    </div>
</body>
<script>
    $(function () {
        $(window).on('scroll', function () {
            let sTop = $(this).scrollTop();
            if (sTop > 100) {
                $(".toTop").show();
            } else {
                $(".toTop").hide();
            }
        })
        $(".toTop").on("click", function () {
            $("html,body").animate({ scrollTop: 0 })
        })
        $(".item").click(function(){
            location.href='./index'
        })
    })
</script>
</html>